import ReactDOM from "react-dom/client";
import App from "./App.tsx";

import "virtual:uno.css";
import "./index.css";
import "@/styles/index.scss";
// import "@arco-design/web-react/dist/css/arco.css";
import "virtual:svg-icons-register";

import { ConfigProvider } from "@arco-design/web-react";
import zhCN from "@arco-design/web-react/es/locale/zh-CN";
import http from "@/http/index.ts";

//全局状态管理
import { Provider } from "react-redux";
import store from "./store/index.ts";
import { Suspense } from "react";
import Fallback from "./components/Fallback/index.tsx";
import { BrowserRouter } from "react-router-dom";
import "./mock"; // 确保在其他导入之后引入

ReactDOM.createRoot(document.getElementById("root")!).render(
  <ConfigProvider locale={zhCN}>
    {/* <React.StrictMode> */}
    <Suspense fallback={<Fallback />}>
      <Provider store={store}>
        <BrowserRouter>
          <App />
        </BrowserRouter>
      </Provider>
    </Suspense>
    {/* </React.StrictMode> */}
  </ConfigProvider>
);
